<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="background-color: white; height: 100vh;"
    >
      <div
        a=""
        afts=""
        class="ant-pro-form-login-page"
        fmt.webp=""
        https:=""
        huamei_gcee1x=""
        img=""
        mdn.alipayobjects.com=""
        style="position: relative; background-image: url("
        y0zts6wlwvgaaaaaaaaaaaaadml6aq=""
      >
        <div
          style="position: absolute; top: 0px; left: 0px; width: 100%; overflow: hidden; height: 100%; z-index: 1; pointer-events: none;"
        >
          <video
            autoplay=""
            crossorigin="anonymous"
            loop=""
            muted=""
            playsinline=""
            src="https://gw.alipayobjects.com/v/huamei_gcee1x/afts/video/jXRBRK_VAwoAAAAAAAAAAAAAK4eUAQBr"
            style="width: 100%; height: 100%; object-fit: cover;"
          />
        </div>
        <div
          class="ant-pro-form-login-page"
        >
          <div
            class="ant-pro-form-login-page-notice"
          >
            <div
              class="ant-pro-form-login-page-notice-activity"
              style="box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); color: rgba(255, 255, 255, 0.85); border-radius: 8px; background-color: rgba(255, 255, 255, 0.25); backdrop-filter: blur(4px);"
            >
              <div
                class="ant-pro-form-login-page-notice-activity-title"
              >
                活动标题，可配置图片
              </div>
              <div
                class="ant-pro-form-login-page-notice-activity-subTitle"
              >
                活动介绍说明文字
              </div>
              <div
                class="ant-pro-form-login-page-notice-activity-action"
              >
                <button
                  class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-lg"
                  style="border-radius: 20px; background: #1f1f1f; color: #1668dc; width: 120px;"
                  type="button"
                >
                  <span>
                    去看看
                  </span>
                </button>
              </div>
            </div>
          </div>
          <div
            class="ant-pro-form-login-page-left"
          >
            <div
              class="ant-pro-form-login-page-container"
              style="background-color: rgba(0, 0, 0, 0.65); backdrop-filter: blur(4px);"
            >
              <div
                class="ant-pro-form-login-page-top"
              >
                <div
                  class="ant-pro-form-login-page-header"
                >
                  <span
                    class="ant-pro-form-login-page-logo"
                  >
                    <img
                      src="https://github.githubassets.com/favicons/favicon.png"
                    />
                  </span>
                  <span
                    class="ant-pro-form-login-page-title"
                  >
                    Github
                  </span>
                </div>
                <div
                  class="ant-pro-form-login-page-desc"
                >
                  全球最大的代码托管平台
                </div>
              </div>
              <div
                class="ant-pro-form-login-page-main"
              >
                <form
                  autocomplete="off"
                  class="ant-form ant-form-vertical ant-pro-form"
                >
                  <input
                    style="display: none;"
                    type="text"
                  />
                  <div
                    class="ant-tabs ant-tabs-top"
                  >
                    <div
                      aria-orientation="horizontal"
                      class="ant-tabs-nav"
                      role="tablist"
                    >
                      <div
                        class="ant-tabs-nav-wrap"
                      >
                        <div
                          class="ant-tabs-nav-list"
                          style="transform: translate(0px, 0px);"
                        >
                          <div
                            class="ant-tabs-tab ant-tabs-tab-active"
                            data-node-key="account"
                          >
                            <div
                              aria-controls="rc-tabs-test-panel-account"
                              aria-selected="true"
                              class="ant-tabs-tab-btn"
                              id="rc-tabs-test-tab-account"
                              role="tab"
                              tabindex="0"
                            >
                              账号密码登录
                            </div>
                          </div>
                          <div
                            class="ant-tabs-tab"
                            data-node-key="phone"
                          >
                            <div
                              aria-controls="rc-tabs-test-panel-phone"
                              aria-selected="false"
                              class="ant-tabs-tab-btn"
                              id="rc-tabs-test-tab-phone"
                              role="tab"
                              tabindex="-1"
                            >
                              手机号登录
                            </div>
                          </div>
                          <div
                            class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                            style="width: 0px; left: 0px; transform: translateX(-50%);"
                          />
                        </div>
                      </div>
                      <div
                        class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
                      >
                        <button
                          aria-controls="rc-tabs-test-more-popup"
                          aria-expanded="false"
                          aria-haspopup="listbox"
                          class="ant-tabs-nav-more"
                          id="rc-tabs-test-more"
                          style="visibility: hidden; order: 1;"
                          type="button"
                        >
                          <span
                            aria-label="ellipsis"
                            class="anticon anticon-ellipsis"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="ellipsis"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                              />
                            </svg>
                          </span>
                        </button>
                      </div>
                    </div>
                    <div
                      class="ant-tabs-content-holder"
                    >
                      <div
                        class="ant-tabs-content ant-tabs-content-top"
                      >
                        <div
                          aria-hidden="false"
                          aria-labelledby="rc-tabs-test-tab-account"
                          class="ant-tabs-tabpane ant-tabs-tabpane-active"
                          id="rc-tabs-test-panel-account"
                          role="tabpanel"
                          tabindex="0"
                        />
                      </div>
                    </div>
                  </div>
                  <div
                    class="ant-form-item ant-form-item-vertical"
                  >
                    <div
                      class="ant-row ant-form-item-row"
                    >
                      <div
                        class="ant-col ant-form-item-control"
                      >
                        <div
                          class="ant-form-item-control-input"
                        >
                          <div
                            class="ant-form-item-control-input-content"
                          >
                            <span
                              class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined"
                            >
                              <span
                                class="ant-input-prefix"
                              >
                                <span
                                  aria-label="mobile"
                                  class="anticon anticon-mobile prefixIcon"
                                  role="img"
                                  style="color: rgba(255, 255, 255, 0.85);"
                                >
                                  <svg
                                    aria-hidden="true"
                                    data-icon="mobile"
                                    fill="currentColor"
                                    focusable="false"
                                    height="1em"
                                    viewBox="64 64 896 896"
                                    width="1em"
                                  >
                                    <path
                                      d="M744 62H280c-35.3 0-64 28.7-64 64v768c0 35.3 28.7 64 64 64h464c35.3 0 64-28.7 64-64V126c0-35.3-28.7-64-64-64zm-8 824H288V134h448v752zM472 784a40 40 0 1080 0 40 40 0 10-80 0z"
                                    />
                                  </svg>
                                </span>
                              </span>
                              <input
                                class="ant-input ant-input-lg"
                                id="mobile"
                                placeholder="手机号"
                                type="text"
                                value=""
                              />
                              <span
                                class="ant-input-suffix"
                              >
                                <button
                                  class="ant-input-clear-icon ant-input-clear-icon-hidden"
                                  tabindex="-1"
                                  type="button"
                                >
                                  <span
                                    aria-label="close-circle"
                                    class="anticon anticon-close-circle"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="close-circle"
                                      fill="currentColor"
                                      fill-rule="evenodd"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                                      />
                                    </svg>
                                  </span>
                                </button>
                              </span>
                            </span>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    class="ant-form-item ant-form-item-vertical"
                  >
                    <div
                      class="ant-row ant-form-item-row"
                    >
                      <div
                        class="ant-col ant-form-item-control"
                      >
                        <div
                          class="ant-form-item-control-input"
                        >
                          <div
                            class="ant-form-item-control-input-content"
                          >
                            <div
                              style="display: flex; align-items: center;"
                            >
                              <span
                                class="ant-input-affix-wrapper ant-input-affix-wrapper-lg ant-input-outlined"
                                style="flex-grow: 1; flex-shrink: 1; flex-basis: 0%; transition: width .3s; margin-right: 8px;"
                              >
                                <span
                                  class="ant-input-prefix"
                                >
                                  <span
                                    aria-label="lock"
                                    class="anticon anticon-lock prefixIcon"
                                    role="img"
                                    style="color: rgba(255, 255, 255, 0.85);"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="lock"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"
                                      />
                                    </svg>
                                  </span>
                                </span>
                                <input
                                  class="ant-input ant-input-lg"
                                  id="captcha"
                                  placeholder="请输入验证码"
                                  type="text"
                                  value=""
                                />
                              </span>
                              <button
                                class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined ant-btn-lg"
                                style="display: block;"
                                type="button"
                              >
                                <span>
                                  获取验证码
                                </span>
                              </button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div
                    style="margin-block-end: 24px;"
                  >
                    <label
                      class="ant-checkbox-wrapper"
                    >
                      <span
                        class="ant-checkbox ant-wave-target"
                      >
                        <input
                          class="ant-checkbox-input"
                          id="autoLogin"
                          type="checkbox"
                        />
                        <span
                          class="ant-checkbox-inner"
                        />
                      </span>
                      <span
                        class="ant-checkbox-label"
                      >
                        自动登录
                      </span>
                    </label>
                    <a
                      style="css-float: right;"
                    >
                      忘记密码
                    </a>
                  </div>
                  <button
                    class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid ant-btn-lg"
                    style="width: 100%;"
                    type="button"
                  >
                    <span>
                      登 录
                    </span>
                  </button>
                </form>
                <div
                  class="ant-pro-form-login-page-other"
                >
                  <div
                    style="display: flex; justify-content: center; align-items: center; flex-direction: column;"
                  >
                    <div
                      class="ant-divider ant-divider-horizontal ant-divider-with-text ant-divider-with-text-center ant-divider-plain"
                      role="separator"
                    >
                      <span
                        class="ant-divider-inner-text"
                      >
                        <span
                          style="color: rgba(255, 255, 255, 0.25); font-weight: normal; font-size: 14px;"
                        >
                          其他登录方式
                        </span>
                      </span>
                    </div>
                    <div
                      class="ant-space ant-space-horizontal ant-space-align-center"
                      style="column-gap: 24px; row-gap: 24px;"
                    >
                      <div
                        class="ant-space-item"
                      >
                        <div
                          style="display: flex; justify-content: center; align-items: center; flex-direction: column; height: 40px; width: 40px; border: 1px solid #15325b; border-radius: 50%;"
                        >
                          <span
                            aria-label="alipay"
                            class="anticon anticon-alipay"
                            role="img"
                            style="color: #1677FF; font-size: 18px; vertical-align: middle; cursor: pointer;"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="alipay"
                              fill="currentColor"
                              fill-rule="evenodd"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M557.2 129a6.68 6.68 0 016.72 6.65V250.2h243.8a6.74 6.74 0 016.65 6.84c.02 23.92-6.05 54.69-19.85 54.69H563.94v81.1h166.18c7.69 0 13.8 6.51 13.25 14.18l-.11 1.51c-.7 90.2-30.63 180.64-79.52 259.65l8.71 3.82c77.3 33.48 162.15 60.85 267.15 64.14a21.08 21.08 0 0120.38 22.07l-.2 3.95c-3.34 59.57-20 132.85-79.85 132.85-8.8 0-17.29-.55-25.48-1.61-78.04-9.25-156.28-57.05-236.32-110.27l-17.33-11.57-13.15-8.83a480.83 480.83 0 01-69.99 57.25 192.8 192.8 0 01-19.57 11.08c-65.51 39.18-142.21 62.6-227.42 62.62-118.2 0-204.92-77.97-206.64-175.9l-.03-2.95.03-1.7c1.66-98.12 84.77-175.18 203-176.72l3.64-.03c102.92 0 186.66 33.54 270.48 73.14l.44.38 1.7-3.47c21.27-44.14 36.44-94.95 42.74-152.06h-324.8a6.64 6.64 0 01-6.63-6.62c-.04-21.86 6-54.91 19.85-54.91h162.1v-81.1H191.92a6.71 6.71 0 01-6.64-6.85c-.01-22.61 6.06-54.68 19.86-54.68h231.4v-64.85l.02-1.99c.9-30.93 23.72-54.36 120.64-54.36M256.9 619c-74.77 0-136.53 39.93-137.88 95.6l-.02 1.26.08 3.24a92.55 92.55 0 001.58 13.64c20.26 96.5 220.16 129.71 364.34-36.59l-8.03-4.72C405.95 650.11 332.94 619 256.9 619"
                              />
                            </svg>
                          </span>
                        </div>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <div
                          style="display: flex; justify-content: center; align-items: center; flex-direction: column; height: 40px; width: 40px; border: 1px solid #15325b; border-radius: 50%;"
                        >
                          <span
                            aria-label="taobao"
                            class="anticon anticon-taobao"
                            role="img"
                            style="color: #FF6A10; font-size: 18px; vertical-align: middle; cursor: pointer;"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="taobao"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M168.5 273.7a68.7 68.7 0 10137.4 0 68.7 68.7 0 10-137.4 0zm730 79.2s-23.7-184.4-426.9-70.1c17.3-30 25.6-49.5 25.6-49.5L396.4 205s-40.6 132.6-113 194.4c0 0 70.1 40.6 69.4 39.4 20.1-20.1 38.2-40.6 53.7-60.4 16.1-7 31.5-13.6 46.7-19.8-18.6 33.5-48.7 83.8-78.8 115.6l42.4 37s28.8-27.7 60.4-61.2h36v61.8H372.9v49.5h140.3v118.5c-1.7 0-3.6 0-5.4-.2-15.4-.7-39.5-3.3-49-18.2-11.5-18.1-3-51.5-2.4-71.9h-97l-3.4 1.8s-35.5 159.1 102.3 155.5c129.1 3.6 203-36 238.6-63.1l14.2 52.6 79.6-33.2-53.9-131.9-64.6 20.1 12.1 45.2c-16.6 12.4-35.6 21.7-56.2 28.4V561.3h137.1v-49.5H628.1V450h137.6v-49.5H521.3c17.6-21.4 31.5-41.1 35-53.6l-42.5-11.6c182.8-65.5 284.5-54.2 283.6 53.2v282.8s10.8 97.1-100.4 90.1l-60.2-12.9-14.2 57.1S882.5 880 903.7 680.2c21.3-200-5.2-327.3-5.2-327.3zm-707.4 18.3l-45.4 69.7 83.6 52.1s56 28.5 29.4 81.9C233.8 625.5 112 736.3 112 736.3l109 68.1c75.4-163.7 70.5-142 89.5-200.7 19.5-60.1 23.7-105.9-9.4-139.1-42.4-42.6-47-46.6-110-93.4z"
                              />
                            </svg>
                          </span>
                        </div>
                      </div>
                      <div
                        class="ant-space-item"
                      >
                        <div
                          style="display: flex; justify-content: center; align-items: center; flex-direction: column; height: 40px; width: 40px; border: 1px solid #15325b; border-radius: 50%;"
                        >
                          <span
                            aria-label="weibo"
                            class="anticon anticon-weibo"
                            role="img"
                            style="color: #1890ff; font-size: 18px; vertical-align: middle; cursor: pointer;"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="weibo"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M457.3 543c-68.1-17.7-145 16.2-174.6 76.2-30.1 61.2-1 129.1 67.8 151.3 71.2 23 155.2-12.2 184.4-78.3 28.7-64.6-7.2-131-77.6-149.2zm-52 156.2c-13.8 22.1-43.5 31.7-65.8 21.6-22-10-28.5-35.7-14.6-57.2 13.7-21.4 42.3-31 64.4-21.7 22.4 9.5 29.6 35 16 57.3zm45.5-58.5c-5 8.6-16.1 12.7-24.7 9.1-8.5-3.5-11.2-13.1-6.4-21.5 5-8.4 15.6-12.4 24.1-9.1 8.7 3.2 11.8 12.9 7 21.5zm334.5-197.2c15 4.8 31-3.4 35.9-18.3 11.8-36.6 4.4-78.4-23.2-109a111.39 111.39 0 00-106-34.3 28.45 28.45 0 00-21.9 33.8 28.39 28.39 0 0033.8 21.8c18.4-3.9 38.3 1.8 51.9 16.7a54.2 54.2 0 0111.3 53.3 28.45 28.45 0 0018.2 36zm99.8-206c-56.7-62.9-140.4-86.9-217.7-70.5a32.98 32.98 0 00-25.4 39.3 33.12 33.12 0 0039.3 25.5c55-11.7 114.4 5.4 154.8 50.1 40.3 44.7 51.2 105.7 34 159.1-5.6 17.4 3.9 36 21.3 41.7 17.4 5.6 36-3.9 41.6-21.2v-.1c24.1-75.4 8.9-161.1-47.9-223.9zM729 499c-12.2-3.6-20.5-6.1-14.1-22.1 13.8-34.7 15.2-64.7.3-86-28-40.1-104.8-37.9-192.8-1.1 0 0-27.6 12.1-20.6-9.8 13.5-43.5 11.5-79.9-9.6-101-47.7-47.8-174.6 1.8-283.5 110.6C127.3 471.1 80 557.5 80 632.2 80 775.1 263.2 862 442.5 862c235 0 391.3-136.5 391.3-245 0-65.5-55.2-102.6-104.8-118zM443 810.8c-143 14.1-266.5-50.5-275.8-144.5-9.3-93.9 99.2-181.5 242.2-195.6 143-14.2 266.5 50.5 275.8 144.4C694.4 709 586 796.6 443 810.8z"
                              />
                            </svg>
                          </span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</DocumentFragment>